<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>my-demo</title>
    <link rel="stylesheet" href="static/css/reset.css">
    <script src="https://cdn.bootcss.com/echarts/4.4.0-rc.1/echarts-en.min.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=6BsPcA4qO9PwFPq3Izn93e9HNPhALOzG"></script>
  </head>
  <body>
    <div id="app">
      <router-view></router-view>
    </div>
    <!-- built files will be auto injected -->
  </body>
</html>
<!-- 
https://github.com/vuejs/vue  vue源码地址；
https://segmentfault.com/a/1190000006599500  双向绑定深度解析；
-->
<!-- vue结合周边的生态构成了一个灵活的、渐进式的框架，vue本身只提供核心的数据处理、事件处理等API，比如我们只用vue也可以解决很多问题 -->
<!-- 核心思想：数据驱动、组件化 -->
<!-- vue插槽，<slot></slot>分为具名插槽，匿名插槽（数据在模板写死的），作用域插槽（数据插槽，数据通过传递）-->
<!-- https://github.com/qq449245884/xiaozhi 前端学习不错的网站 -->
<!-- 录音功能： https://www.cnblogs.com/Alangc612/p/12157860.html -->
<!-- 动态组件：https://codesandbox.io/s/github/vuejs/vuejs.org/tree/master/src/v2/examples/vue-20-keep-alive-with-dynamic-components?file=/index.html:2733-2745 -->
<!-- MDN 关于继承的介绍 https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/Objects/Inheritance -->